import React from 'react'
import ReactDOM from 'react-dom'
import Mybody from './componeents/Mybody'

function Myheader() {
  return <header>页面头部</header>
}
function Myfooter() {
  return <h1>页面底部</h1>
}
//类组件
class Hello extends React.Component {
  render() {
    return <div>类组件</div>
  }
}

const container = (
  <>
    <Myheader />
    <Myheader />
    <Myheader />
    <Myheader />
    <div>内容主题</div>
    <Mybody />
    <Mybody />
    <footer>页面底部</footer>
    <Myfooter />
  </>
)

ReactDOM.render(container, document.getElementById('root'))
ReactDOM.render(<Hello />, document.getElementById('root'))
